<template>
  <div>
    <!-- <van-tabs>
      <van-tab v-for="item in getTitle" :key="item.id">  {{ item.title }} </van-tab>
    </van-tabs> -->
    <van-tabs>
      <van-tab v-for="item in getTitle" :title="item.title" :key="item.id">
      </van-tab>
    </van-tabs>
    <div class="dec">
        <span>近1小时疯抢</span>
        <span>7.1万+人正在抢</span>
    </div>
  </div>
</template>

<script>
import { getPostageTitle } from "@/api/detail";
export default {
  components: {
    getPostageTitle,
  },
  data() {
    return {
      getTitle: [],
    };
  },
  async mounted() {
    let ret = await getPostageTitle();
    // console.log(ret);
    this.getTitle = ret.data;
    // console.log(this.getTitle);
  },
};
</script>

<style lang="scss" scoped>
.dec{
    width: 100%;
    height: 30px;
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}
.dec span:first-child{
    margin-left: 10px;
}
.dec span:last-child{
    margin-right: 10px;
}
</style>